
// 
// 网页头部js代码 head
// 
// 帐号注册验证
var validate = {
	email:false,
	userName:false,
	pwd:false,
	repwd:false,
	verify:false
};
// 账号登录验证
var verify = {
	email:false,
	password:false
}
$(function(){
	$('#search .ipt-sh').focus();
	// 登录后用户鼠标移入移出事件
	$('#login').hover(function(){$('#login .bd').fadeIn();},function(){$('#login .bd').fadeOut();});
	// 鼠标移入移出更改搜索按钮css样式
	$('#btn').hover(function(){$(this).removeClass().addClass('btns');},function(){$(this).removeClass().addClass('btn');});
	// 顶部滚动滚动条时添加顶部固定框底部边线
	$(window).scroll(function(){var winS = $(window).scrollTop();if( winS > 1){$('#topContainerBox').css({borderBottom:'1px solid #c5c5c5'});}else{$('#topContainerBox').css({border:'none'});}});
	// 导航菜单之问题库下拉菜单显示隐藏js代码
	$('.questionBox').hover(function(){$('.pullBownMenu').show();},function(){$('.pullBownMenu').hide();});


	// 点击登录弹出登录窗
	$('#rightTopLogin,#rightSidebar .userLogin .loginBtn,#userLogin .loginBtn').click(function(){$(document.body).append(str+CONTROL+str2);resize('#mod_quc_pop');return false;});
	// 点击注册弹出注册窗
	$('#loginBox .user-reg,#rightSidebar .userLogin .registerBtn,#userLogin .registerBtn').click(function(){$(document.body).append(reg);$('#mod_quc_pop').css({width:'531px'});resize('#mod_quc_pop');mtp();return false;});
	//窗口改变大小时同时改变登录窗top/left值
	$(window).resize(function(){if($('#mod_quc_pop').html() != null){resize('#mod_quc_pop');}});
	// 关闭按钮点击事件
	$('#mod_quc_pop .pop-dia-close').live('click',function(){$('#mod_quc_pop,#pop_mask_bg').remove();return false;});
	// 注册新账号点击事件删除登录窗并在body插入注册窗
	$('#mod_quc_pop .reg-new-account').live('click',function(){$('#mod_quc_pop,#pop_mask_bg').remove();$(document.body).append(reg);$('#mod_quc_pop').css({width:'531px'});resize('#mod_quc_pop');mtp();return false;});
	// 已有帐号点击事件删除注册窗并在body插入登录窗
	$('#mod_quc_pop .bd .reg-nav .f14,#tips-loginEmail .fac,#tips-regUsername .fac').live('click',function(){$('#mod_quc_pop,#pop_mask_bg').remove();$(document.body).append(str+CONTROL+str2);resize('#mod_quc_pop');return false;});
	// 输入框获得/失去焦点事件更改父级背景图
	$('#mod_quc_pop form[name="regForm"] .input-bg input[type="text"],#mod_quc_pop form[name="regForm"] .input-bg input[type="password"]').live({
		focus:function(){
			$(this).parent('.input-bg').css({backgroundPosition:'-2px -199px'});
			var email = $('form[name="regForm"] input[name="email"]');//邮箱input
			var userName = $('form[name="regForm"] input[name="userName"]');//用户名input
			var pwd = $('form[name="regForm"] input[name="pwd"]');//密码input
			var repwd = $('form[name="regForm"] input[name="repwd"]');//确认密码input
			var verify = $('form[name="regForm"] input[name="verify"]');//验证码input
			var isAgree = $('form[name="regForm"] input[name="isAgree"]');//用户服务条款
			switch(true){
				case $(this).attr('name')=='email':
					removeClass(email);
					$('#tips-loginEmail').html('请输入您的常用邮箱，<a href=""> 没有邮箱？</a>');
					break;
				case $(this).attr('name')=='userName':
					removeClass(userName);
					$('#tips-regUsername').css('color','#999999').html('2-14个字符：英文、数字或中文');
					break;
				case $(this).attr('name')=='pwd':
					removeClass(pwd);
					$('#tips-password').css('color','#999999').html('6-20个字符，（区分大小写）');
					// 每次键盘弹起时判断密码强度
					pwd.keyup(function(){
						if(pwd.val().length > 5 && pwd.val().length <=20){
							pwd.parent().siblings('b').addClass('icon-success');
							$('#tips-password').css('color','#999999').html(PasswdCheck(pwd.val()));
						}else{
							pwd.parent().siblings('b').addClass('icon-wrong');
							$('#tips-password').css('color','#ff6600').html('密码应为6-20个字符，（区分大小写）');
						}
					});
					break;
				case $(this).attr('name')=='repwd':
					removeClass(repwd);
					$('#tips-rePassword').css('color','#999999').html('请再次输入密码');
					break;
			}
		},
		blur:function(){
			$(this).parent('.input-bg').css({backgroundPosition:'-2px -159px'});
			var email = $('form[name="regForm"] input[name="email"]');//邮箱input
			var userName = $('form[name="regForm"] input[name="userName"]');//用户名input
			var pwd = $('form[name="regForm"] input[name="pwd"]');//密码input
			var repwd = $('form[name="regForm"] input[name="repwd"]');//确认密码input
			var verify = $('form[name="regForm"] input[name="verify"]');//验证码input
			var isAgree = $('form[name="regForm"] input[name="isAgree"]');//用户服务条款
			switch(true){
				// 验证邮箱
				case $(this).attr('name')=='email':
					var reg = /^([\w-\.]+)@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.)|(([\w-]+\.)+))([a-zA-Z]{2,4}|[0-9]{1,4})(\]?)$/;
					if(email.val() ==''){
						email.parent().siblings('b').addClass('icon-wrong');
						$('#tips-loginEmail').html("请输入您的常用邮箱");
						validate.email = false;
						return;
					}else if(!reg.test(email.val())){
						email.parent().siblings('b').addClass('icon-wrong');
						$('#tips-loginEmail').html("请输入有效的邮箱地址");
						validate.email = false;
						return;
					}else{
						$.post(login+'&m=checkEmail',{email : email.val()},function (data){
							if(data){
								email.parent().siblings('b').addClass('icon-wrong');
								$('#tips-loginEmail').html('邮箱已存在，<a href="#" class="fac">立即登录</a>');
								validate.email = false;
								return;
							}else{
								email.parent().siblings('b').addClass('icon-success');
								$('#tips-loginEmail').html('请输入您的常用邮箱，<a href=""> 没有邮箱？</a>');
								validate.email = true;
								return;
							}
						},'json');
					}
					break;
					// 验证用户名长度
				case $(this).attr('name')=='userName':
					// 获得内容长度
					var len = _length(userName.val());
					if(userName.val() == ''){
						userName.parent().siblings('b').addClass('icon-wrong');
						$('#tips-regUsername').css('color','#ff6600').html("请输入有效的用户名");
						validate.userName = false;
						return;
					}else if(len < 2){
						userName.parent().siblings('b').addClass('icon-wrong');
						$('#tips-regUsername').css('color','#ff6600').html("用户名最少使用2个字符或汉字");
						validate.userName = false;
						return;
					}else if(len > 14){
						userName.parent().siblings('b').addClass('icon-wrong');
						$('#tips-regUsername').css('color','#ff6600').html("用户名不超过7个汉字或14个字符");
						validate.userName = false;
						return;
					}else{
						$.post(login+'&m=checkUserName',{userName : userName.val()},function (data){
							if(data){
								userName.parent().siblings('b').addClass('icon-wrong');
								$('#tips-regUsername').css('color','#ff6600').html('用户已存在，<a href="#" class="fac">立即登录</a>');
								validate.userName = false;
								return;
							}else{
								userName.parent().siblings('b').addClass('icon-success');
								$('#tips-regUsername').css('color','#999999').html("2-14个字符：英文、数字或中文");
								validate.userName = true;
								return;
							}
						},'json');
					}
					break;
					// 验证密码长度
				case $(this).attr('name')=='pwd':
					if(pwd.val() == '' || pwd.val().length < 6 || pwd.val().length >20){
						pwd.parent().siblings('b').addClass('icon-wrong');
						$('#tips-password').css('color','#ff6600').html('密码应为6-20个字符，（区分大小写）');
						validate.pwd = false;
						return;
					}else{
						pwd.parent().siblings('b').addClass('icon-success');
						$('#tips-password').css('color','#999999').html('6-20个字符，（区分大小写）');
						validate.pwd = true;
						return;
					}
					break;
					// 验证两次输入的密码是否一致
				case $(this).attr('name')=='repwd':
					if(repwd.val() == '' || repwd.val() != pwd.val()){
						repwd.parent().siblings('b').addClass('icon-wrong');
						$('#tips-rePassword').css('color','#ff6600').html('两次输入的密码不一样，请重新输入');
						validate.repwd = false;
						return;
					}else{
						repwd.parent().siblings('b').addClass('icon-success');
						$('#tips-rePassword').css('color','#999999').html('请再次输入密码');
						validate.repwd = true;
						return;
					}
			}
		}
	});
	// 验证码输入框获得/失去焦点事件更改父级背景图
	$('#phrase').live({
		focus:function(){
			$(this).parent('.verify-code').css({backgroundPosition:'-665px -47px'});
			removeClass($(this));
			$('#tips-phrase').css('color','#999999').html('请输入图中的字母或数字，不区分大小写');
		},
		blur:function(){
			$(this).parent('.verify-code').css({backgroundPosition:'-665px 0px'});
			if($(this).val() == ''){
				$(this).parent().siblings('b').addClass('icon-wrong');
				$('#tips-phrase').css('color','#ff6600').html('请正确填写验证码');
				validate.verify = false;
				return;
			}else{
				$.post(login+'&m=checkVerify',{verify : $(this).val()},function (data){
					if(data){
						validate.Verify = true;
						$('#phrase').parent().siblings('b').addClass('icon-success');
						$('#tips-phrase').css('color','#999999').html('请输入图中的字母或数字，不区分大小写');
						validate.verify = true;
						return;
					}else{
						validate.Verify = false;
						$('#phrase').parent().siblings('b').addClass('icon-wrong');
						$('#tips-phrase').css('color','#ff6600').html('请正确填写验证码');
						validate.verify = false;
						return;
					}
				},'json');
			}
		}
	});
	// 登录窗立即登录按钮[移入][移出][单击]事件
	$('#loginSubmit').live({
		mouseover:function(){$(this).css({backgroundPosition:'0 -63px'});},
		mouseout:function(){$(this).css({backgroundPosition:'0 -2px'});},
		click:function(){
			$(this).css({backgroundPosition:'0 -117px'});
			var userName = $('form[name="loginForm"] input[name="userName"]');// 用户input
			var password = $('form[name="loginForm"] input[name="password"]');// 密码input
			if(verify.email && verify.password){
				return true;
			}else{
				// 判断用户名或密码是否为空，如果true则返回false
				if(userName.val() == ''){
					$(this).css({backgroundPosition:'0 -2px'});
					$('#error_tips').html('请输入您的帐号');
					userName.focus().parent('.input-bg').css({backgroundPosition:'-2px -199px'});
					verify.email = false;
					return false;
				}else if(password.val() == ''){
					$(this).css({backgroundPosition:'0 -2px'});
					$('#error_tips').html('请输入您的密码');
					password.focus().parent('.input-bg').css({backgroundPosition:'-2px -199px'});
					verify.password = false;
					return false;
				}else{
					$.post(login+'&m=checUserPwd',{email:userName.val(),password:password.val()},function (data){
						if(data){
							verify.email = true;
							verify.password = true;
							$('#loginSubmit').trigger('click');
							return;
						}else{
							$('#loginSubmit').css({backgroundPosition:'0 -2px'});
							$('#error_tips').html('帐号或密码错误，请重新输入');
							verify.email = false;
							verify.password = false;
							return;
						}
					},'json');
				}
				return false;
			}
		}
	});
	// 注册窗注册按钮[移入][移出][提交]事件
	$('#regSubmitBtn').live({
		mouseover:function(){$(this).css({backgroundPosition:'-268px -63px'});},
		mouseout:function(){$(this).css({backgroundPosition:'-268px -2px'});},
		click:function(){
			if(validate.email && validate.userName && validate.pwd && validate.repwd && validate.verify){
				if($("#is_agree").attr('checked') == 'checked'){
					return true;
				}
				$('#qucRegGuide').css({'color':'#ff6600','paddingLeft':'50px','fontSize':'12px'}).html('请先阅读并同意《360用户服务条款》');
				
				return false;
			}else{
				$('form[name="regForm"] input[name="email"]').trigger('blur');
				$('form[name="regForm"] input[name="userName"]').trigger('blur');
				$('form[name="regForm"] input[name="pwd"]').trigger('blur');
				$('form[name="regForm"] input[name="repwd"]').trigger('blur');
				$('form[name="regForm"] input[name="verify"]').trigger('blur');
				$('#regSubmitBtn').trigger('click');
				return false;
			}

		}
	});
	// 更换验证码图片
	$('#verify').live({click:function(){var url = $(this).attr('src');$(this).attr('src',url + '&' + Math.random());}});
	$('#verifyLink').live({click:function(){var url = $('#verify').attr('src');$('#verify').attr('src',url + '&' + Math.random());return false;}});
	
});
// 设置遮罩层宽 = 可视区域，高 = body实际高/登录窗或注册窗相对可视区域居中显示
function resize(obj){$('#pop_mask_bg').css({width:$(window).width(),height:$(document).height()});$(obj).css({top:($(window).height()-$(obj).height())/2,left:($(window).width()-$(obj).width())/2});}
// 计算注册窗左边[立即登录]的margin-top值
function mtp(){
	$('#mod_quc_pop .has-account').css({
		marginTop:$('#mod_quc_pop .bd .reg-quc-content').height()-$('#regWays').height()-$('#mod_quc_pop .has-account').innerHeight()-50
	});
}
//验证密码强度
 function PasswdCheck(pwd){
   var MyPasswd = pwd;
   var Strongth1 = 0;     //根据长度判断的密码强度
   var PaswdLength = MyPasswd.length;//密码长度
   if(PaswdLength >=6 &&PaswdLength < 8){
     Strongth1 = 1; 
   }else if(PaswdLength >=8 && PaswdLength < 12){
     Strongth1 = 2; 
   }else if(PaswdLength >=12 ){
     Strongth1 = 3; 
   }else{
   	Strongth1 = 0; 
   }
   var PaswdKind = 0;    //密码种类
   var ch1=0,ch2=0,ch3=0; 
   var Strongth2 = 0; //根据类型判断的密码强度
   for (var i=0;i<PaswdLength;i++){
      var inputType = MyPasswd.charCodeAt(i);
      if(inputType>=65&&inputType<=90||inputType>=97&&inputType<=122){ //输入大写字母或小写字母
         ch1 = 1;
      }else if(inputType>=48&&inputType<=57){  //输入为数字
         ch2 = 1;
      }else{  //输入为其他字符
         ch3=1;
      }
   }
   Strongth2 = ch1+ch2+ch3; //计算种类
   if(Strongth1+Strongth2 > 5){
     return "<span class='level3'>强：</span>请牢记您的密码";
   }else if(Strongth1+Strongth2 < 4){
     return "<span class='level1'>弱：</span>试试字母、数字和标签符号";
   }else{
      return "<span class='level2'>中：</span>试试字母、数字和标签符号";
   }
 }
// 计算字符串长度，中文占2字符，英文1字符
function _length(str){ 
var len=0; 
for(var i=0;i<str.length;i++){
if(str.charAt(i)>'~'){len+=2;}else{len++;}
}
return len; 
}
// input获得焦点时删除类名[删除样式]
function removeClass(obj){
	if(obj.parent().siblings('b').attr('class') == 'icon-wrong'){
		obj.parent().siblings('b').removeClass('icon-wrong');
	}else if(obj.parent().siblings('b').attr('class') == 'icon-success'){
		obj.parent().siblings('b').removeClass('icon-success');
	}
}
// 登录窗html标签【str+CONTROL+str2】
var str="<div id='pop_mask_bg'></div><div id='mod_quc_pop'><!-- 头部块 --><div class='mod_quc_top' style='height:56px;'><div class='hd'><ul class='js-tab'><li><span>欢迎登陆HD问答</span></li></ul><a href='' class='pop-dia-close'></a></div></div><!-- 表单外框 --><div id='modQiUserPop'><div class='mod-qiuser-pop'><form id='loginForm' action='?c=Login&m=register&ctl=";
var str2="' method='post' name='loginForm'><dl class='login-wrap'><dt><span id='loginTitle'></span></dt><!-- 用户框 --><dd><div class='quc-clearfix'><label for='loginAccount'>帐号</label><span class='input-bg'><input type='text' name='userName' maxlength='100' id='loginAccount' class='ipt' placeholder='手机号/用户名/邮箱'></span></div></dd><!-- 密码框 --><dd class='password'><div class='quc-clearfix'><label for='loginPwd'>密码</label><span class='input-bg'><input type='password' name='password' maxlength='100' id='loginPwd' class='ipt' placeholder='请输入您的密码'></span></div></dd><!-- 自动登录复选项 --><dd class='find'><label for='iskeepalive'><input type='checkbox' checked='checked' name='automaticLogin'>下次自动登录</label><a href=''>忘记密码？</a></dd><!-- 登录按钮 --><dd class='submit'><span><input type='submit' class='btn-login' id='loginSubmit' value=''><a href='' class='fac reg-new-account'>注册新帐号</a></span></dd><!-- 第三方帐号登录 --><dd class='other'><span class='title'>其他帐号登录：</span><span class='login-ways'><a href='' class='loginbtn_sina'></a><a href='' class='loginbtn_fx'></a><a href='' class='loginbtn_msn'></a><a href='' class='loginbtn_rr'></a></span></dd><!-- 错误提示 --><dd class='global-tips'><div id='error_tips' class='login-error'></div></dd></dl></form></div></div></div>";

// 注册窗html标签
var reg='<div id="pop_mask_bg"></div><div id="mod_quc_pop"><!-- 头部 --><div class="mod_quc_top"><div class="reg_hd"><div class="top-title">欢迎注册HD问答</div><a href="" class="pop-dia-close" title="关闭"></a></div></div><!-- 主体 --><div class="bd"><!-- 左边注册类型 --><div class="reg-nav"><ul id="regWays"><li class="cur"><a href=""><span class="email-icon">邮箱注册</span></a></li><li class="ncur"><a href=""><span class="tel-icon">手机注册</span></a></li></ul><div class="has-account">已有帐号，<a href="" class="fac f14">立即登录</a></div></div><!-- 右侧表单 --><div class="reg-quc-content"><div class="mod-qiuser-pop"><form action="?c=Login" name="regForm" method="post" id="regForm"><dl class="reg-wrap"><dt><span id="qucRegGuide"></span><div class="reg-global-error" id="regGlobal_tips"></div></dt><!-- 邮箱 --><dd><div class="quc-clearfixreg-item"><label for="loginEmail">邮箱</label><span class="input-bg"><input type="text" id="loginEmail" class="ipt tipinput" maxlength="100" name="email"></span><b></b></div><span class="text-tips reg-tips-wrong" id="tips-loginEmail">请输入您的常用邮箱，<a href=""> 没有邮箱？</a></span></dd><!-- 用户 --><dd><div class="quc-clearfixreg-item"><label for="regUsername">用户</label><span class="input-bg"><input type="text" class="ipt tipinput" id="regUsername" maxlength="14" name="userName"></span><b></b></div><span class="text-tips" id="tips-regUsername">2-14个字符：英文、数字或中文</span></dd><!-- 密码 --><dd><div class="quc-clearfixreg-item"><label for="password">密码</label><span class="input-bg"><input type="password" class="ipt tipinput" id="password" name="pwd"></span><b></b></div><span class="text-tips" id="tips-password">6-20个字符，（区分大小写）</span></dd><!-- 确认密码 --><dd><div class="quc-clearfixreg-item"><label for="rePassword">确认密码</label><span class="input-bg"><input type="password" class="ipt tipinput" id="rePassword" name="repwd"></span><b></b></div><span class="text-tips" id="tips-rePassword">请再次输入密码</span></dd><!-- 验证码 --><dd id="phraseLi" class="rem"><label for="phrase">验证码</label><span class="verify-code"><input type="text" id="phrase" class="ipt1 tipinput" maxlength="4" name="verify"></span><span class="yz"><img height="35" width="99" src="?c=Index&m=Verify" id="verify" alt="点击换图"><a href="" class="fac" id="verifyLink">换一张</a></span><b></b><p class="phrase-tips"><span class="tips-phrase" id="tips-phrase">请输入图中的字母或数字，不区分大小写</span></p></dd><!-- 提交按钮 --><dd class="submit"><input type="submit" class="btn-register quc-psp-gstat" value="立即注册" id="regSubmitBtn"></dd><dd class="rules"><label for="is_agree"><input type="checkbox" checked="checked" name="isAgree" id="is_agree">我已经阅读并同意</label><a href="" class="fac">《HD用户服务条款》</a></dd></dl></form></div></div></div></div>';